<template>
  <h5>父组件</h5>
  <div class="box">
    <GlobalComponent></GlobalComponent>
    <LocalComponent></LocalComponent>
  </div>
  <MyButton content="确 认"></MyButton>
  <MyButton content="取 消"></MyButton>
</template>

<script setup>
import LocalComponent from './LocalComponent.vue'
import MyButton from './MyButton.vue';
</script>

<style scoped>
    .box {
        display: flex;
    }
    h5 {
      color: red;
    }
    :deep(.title) {
      color: blue;
    }
</style>